<template>
  <div>
    <div class="shaixuan">
      <p>{{title}}</p>
      <ul>
        <li>
          <span v-for="item in zhi" :key="item.value">{{ item.label }}</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HouseBu',
  components: {},
  props: {
    zhi: {
      type: Array
    },
    title: {
      type: String
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {
    console.log(this.zhi)
  },
  methods: {}
}
</script>

<style scoped lang="less">
.shaixuan {
  position: relative;
  width: 280px;
  p {
    margin: 10px;
  }
  ul {
    float: right;
    width: 100%;
    li {
      width: 80%;
      float: right;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #ccc;
      span {
        font-size: 12px;
        display: block;
        height: 30px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 70px;
        border-radius: 3px;
        border: 1px solid #ccc;
        padding-top: 4px;
        text-align: center;
      }
    }
  }
}
</style>
